<template>
  <div class="m-header">
    <div class="icon"></div>
    <div class="text">Chicken Music</div>
    <router-link to="/user" tag="div" class="mine">
      <i class="icon-mine"></i>
    </router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" >
@import "~common/stylus/variable"
@import "~common/stylus/mixin"
.m-header
  position relative
  height 44px
  text-align center
  color $color-theme
  font-size 0
  .icon
    display: inline-block
    vertical-align: top
    margin-top: 6px
    width: 30px
    height: 32px
    margin-right: 9px
    bg-image('logo')
    background-size: 30px 32px
  .text
    display inline-block
    font-size 18px
    line-height 44px
  .mine
    position absolute
    top 0
    right 0
    .icon-mine
      display block
      font-size 20px
      color #ffcd32
      padding 12px






</style>

